$(() => {
    template.defaults.imports.moment = moment

    //获取评论列表数据函数
    function getCommentsData(page) {
        $.ajax({
            type: 'get',
            url: '/comments',
            data: { page },
            success(res) {
                $('#commentsListBox').html(template('commentsTPL', res))
                $('#pageBox').html(template('pageTPL', res))
            },
            error() {
                alert('获取评论数据失败!')
            }
        })
    }
    getCommentsData()


    //分页功能
    $('#pageBox').on('click', 'a', function () {
        const page = $(this).attr('data-page')
        getCommentsData(page)
    })

    //评论状态
    $('#commentsListBox').on('click', '#stateBtn', (e) => {
        const id = e.target.dataset.id
        const state = e.target.dataset.state
        $.ajax({
            type: 'put',
            url: `/comments/${id}`,
            data: { state: state == 1 ? 0 : 1 },
            success(res) {
                location.reload()
            },
            error() {
                alert('评论状态修改失败!')
            }
        })
    })

    //删除评论
    $('#commentsListBox').on('click', '#delBtn', (e) => {
        const id = e.target.dataset.id
        const result = confirm('您确定要删除吗?')
        if (!result) { return false }
        $.ajax({
            type: 'delete',
            url: `/comments/${id}`,
            success() {
                location.reload()
            },
            error() {
                alert('删除评论失败!')
            }
        })
    })
})